:global {
  .addMoneyAnim {
    background: url('https://gw.alipayobjects.com/zos/rmsportal/fseEOKMDOXOieJiHKuQg.png') no-repeat;
    background-size: 420px 104px;
    width: 52px;
    height: 52px;
    animation: rotateMoney 0.45s step-start infinite;
  }

  .addMoneyFrame(@one, @frame, @i: 0, @name: 0%) when (@i =< @frame) {
    .addMoneyFrame(@one, @frame, @i + 1, (100% / @frame * (@i + 1)));
    @{name} {
      background-position: -(mod(@i, @one) * 52px) -(floor(@i / @one)*52px);
    }
  }

  @keyframes rotateMoney {
    .addMoneyFrame(8, 15);
  }


  // .snow-demo-wrapper {
  //   // background: #DFEAFF;
  //   overflow: hidden;
  //   height: 500px;
  //   display: flex;
  //   align-items: center;
  //   position: relative;
  // }

  .snow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
  }

  .snowChild {
    position: absolute;
    top: 0;
    left: 0;
  }

  .snowRotate {
    transform-origin: center center;
  } 
}